module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          // 直接覆盖变量，注意：变量名之前不需要加 @ 符号
          'nav-bar-height': '46px',
          'nav-bar-background-color': '#007bff',
          'nav-bar-title-text-color': 'white',
          'nav-bar-title-font-size': '14px',
          'tabs-bottom-bar-color': '#007bff',
          // 设置 NavBar 组件中小图标的颜色值
          'nav-bar-icon-color': 'white'
        }
      }
    }
  },
  // 增强 vue-cli 的 webpack 配置项
  configureWebpack: {
    // 打包优化
    externals: {
      // import 时的包名称: window 全局的成员名称
      'highlight.js': 'hljs',
      vue: 'Vue',
      'vue-router': 'VueRouter',
      vuex: 'Vuex',
      axios: 'axios',
      vant: 'vant',
      dayjs: 'dayjs',
      'socket.io-client': 'io',
      popmotion: 'popmotion'
    }
  }
}
